<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="keywords" content="乌鲁木齐市存量房交易系统,乌鲁木齐房产交易,存量房交易系统" />
    <meta name="description" content="乌鲁木齐市存量房交易系统,乌鲁木齐房产交易,存量房交易系统" />
    <link rel="Shortcut icon" href="image/logo.ico">
    <link rel="stylesheet" href="css/register.css" />
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/register.js"></script>
</head>

<body>
    <div class="top">
        <div class="logo">
            <img src="./css/image/logo.png">
            <span>欢迎注册</span>
        </div>
        <div class="go_login">
            <span>已有账号</span>
            <div>直接登录</div>
        </div>
    </div>
    <div class="registerBox">
        <!-- <div class="register_title">用户注册</div> -->
        <div id="messageTips" class="err-tip"></div>
        <div class="count">
            <div class="title">登录账号:</div>
            <input id="userInput" placeholder="请输入您的登录账号" class="count" type="text" />
            <span class="required">*</span>
            <div class="rule">请输入字母和数字结合的形式</div>
        </div>
        <div class="count">
            <div class="title">密码:</div>
            <input id="pwdInput" placeholder="请输入您的密码" class="count" type="password" /><span class="required">*</span>
            <div class="rule">请输入不少于6位数</div>
        </div>
        <div class="count">
            <div class="title">确认密码:</div>
            <input id="confirmPwdInput" placeholder="请再次输入您的密码" class="count" type="password" /><span class="required">*</span>
            <div class="rule">请再次输入您的密码</div>
        </div>
        <div class="count">
            <div class="title">真实姓名:</div>
            <input id="nameInput" placeholder="请输入您的真实姓名" class="count" type="text" /><span class="required">*</span>
            <div class="rule">请输入您的真实姓名</div>
        </div>
        <div class="count">
            <div class="title">身份证号:</div>
            <input id="idcardInput" placeholder="请输入您的身份证号" class="count" type="text" /><span class="required">*</span>
            <div class="rule">请输入您的身份证号</div>
        </div>


        <div class="count">
            <div class="title">联系方式:</div>
            <input id="phoneInput" placeholder="请输入您的手机号" class="count" type="text" /><span class="required">*</span>
            <div class="rule">请输入您的手机号</div>
        </div>

        <div class="count">
            <div class="title">身份证正面:</div>
            <input id="idcardPositiveImg" placeholder="请选择身份证正面" class="idcardPositiveImg idcard_img" type="file" />
            <input type="" name="" style="opacity: 0">
            <div class="upload_but">上传照片</div>
            <span class="required">*</span>
            <div class="rule">请上传您的身份证正面照片</div>
        </div>
        <div class="count">
            <img class="frame_upload_img img1" src="./css/image/sample1.jpg">
        </div>
        <div class="count">
            <div class="title">身份证反面:</div>
            <input id="dcardOppositeImg" placeholder="请选择身份证反面" class="dcardOppositeImg idcard_img" type="file" />
            <input type="" name="" style="opacity: 0">
            <div class="upload_but">上传照片</div>
            
            <span class="required">*</span>
            <div class="rule">请上传您的身份证反面照片</div>
        </div>
        <div class="count">
            <img class="frame_upload_img img2" src="./css/image/sample2.jpg">

        </div>

        <div class="agreement">
            <input type="checkbox" id="agreementInput" name="checkbox" value="1">
            <div class="">我已阅读并同意<a href="">《安居365注册协议》</a></span></div>
        </div>
        <div class="registerBtn">
            <button id="registerBtn" class="registerBtn">提交</button>
        </div>
    </div>
</body>

</html>